<!doctype html>
<html lang="en">

	<head>
		<meta charset="UTF-8" />
		<title>Document</title>
		<link rel="stylesheet" type="text/css" href="../css/nav.css" />
		<link rel="stylesheet" type="text/css" href="../css/fenlei.css" />
		<link rel="stylesheet" type="text/css" href="../css/content.css" />
		<link rel="stylesheet" type="text/css" href="../css/reset.css" />
		<style type="text/css">
		
			
			.fenye {
				width: 1280px;
				overflow: hidden;
				margin: 30px auto;
				
				
				
			}
			
			.fenye li {
				margin-top: 20px;
				float: left;
				width: 52px;
				height: 32px;
				margin-right: 27px;
				text-align: center;
				font-size: 22px;
				line-height: 32px;
			}
			
			.fenye li:nth-of-type(2),
			.mybuy>ul:nth-of-type(3) li:nth-of-type(8) {
				background-color: #498e3d;
			}
			
			.fenye li>img {
				margin: 4px auto;
			}
			
			.fenye li:nth-of-type(9)>input {
				width: 50px;
				height: 30px;
				border: 1px solid #d2d2d2;
			}
			
			.fenye li:nth-last-of-type(1) {
				background-color: #f08200;
				color: #fff;
			}
			
			.fenye li:nth-of-type(1) {
				background-color: #ddd;
				margin: 20px 40px 0 230px;
			}
		</style>
	</head>

	<body>
		<ul class="feilei w">
			<li>
				<p>
					<span>您的当前位置</span> ：&nbsp;
					<a href="###">&nbsp;首页&nbsp;</a> >&nbsp;
					<a href="###">苹果&nbsp;</a> >&nbsp;
					<a href="###">阿克苏 &nbsp;</a>&nbsp;
				</p>
			</li>
			<li>
				<p>
					一级分类 :
					<span>全部</span>
					<span>苹果</span>
					<span>阿克苏</span>
					<span>酒店</span>
					<span>休闲</span>
					<span>电影</span>
				</p>

			</li>

			<li>
				<p>
					一级分类 :
					<span>全部</span>
					<span>苹果</span>
					<span>阿克苏</span>
					<span>酒店</span>
					<span>休闲</span>
					<span>电影</span>
				</p>

			</li>
			<li class="lis3">
				<p>
					<span>排序&nbsp;&nbsp;&nbsp;:</span>
					<span>销量</span>
					<span>价格</span>
					<span>评分最高</span>
				</p>
				<p>
					<span>筛选&nbsp;:&nbsp;</span>
					<span>全国</span>
					<span>次日达</span>
				</p>
			</li>
		</ul>

		<!--水产海鲜-->
		<ul class="w contentb">
			<li style="background: url(../img/g-peach.png);">

				<p>新西兰佳沛黄金果奇异果</p>
				<p>果肉绵密&nbsp;,&nbsp;&nbsp;&nbsp;&nbsp;花蜜扮的甘甜百吃不厌</p>
				<p>
					<span style="font-size: 20px;color: #ff5757;">¥28.80</span>
					<span class="dt">¥40.40</span>
				</p>
				<img src="../img/g-shonps.png" />
			</li>
			<li style="background: url(../img/g-plum.png);">

				<p>新西兰佳沛黄金果奇异果</p>
				<p>果肉绵密&nbsp;,&nbsp;&nbsp;&nbsp;&nbsp;花蜜扮的甘甜百吃不厌</p>
				<p>
					<span style="font-size: 20px;color: #ff5757;">¥28.80</span>&nbsp;
					<span style="text-decoration: line-through; font-size: 15px;">¥40.40</span>
				</p>
				<img src="../img/g-shonps.png" />
			</li>
			<li style="background: url(../img/g-peachyellow.png);">

				<p>新西兰佳沛黄金果奇异果</p>
				<p>果肉绵密&nbsp;,&nbsp;&nbsp;&nbsp;&nbsp;花蜜扮的甘甜百吃不厌</p>
				<p>
					<span style="font-size: 20px;color: #ff5757;">¥28.80</span>&nbsp;
					<span class="dt">¥40.40</span>
				</p>
				<img src="../img/g-shonps.png" />
				</p>
			</li>
			<li style="margin-right: 0; background: url(../img/g-reds.png);">

				<p>新西兰佳沛黄金果奇异果</p>
				<p>果肉绵密&nbsp;,&nbsp;&nbsp;&nbsp;&nbsp;花蜜扮的甘甜百吃不厌</p>
				<p>
					<span style="font-size: 20px;color: #ff5757;">¥28.80</span>&nbsp;
					<span class="dt">¥40.40</span>
				</p>
				<img src="../img/g-shonps.png" />
			</li>
			<li style="background: url(../img/g-peach.png);">

				<p>新西兰佳沛黄金果奇异果</p>
				<p>果肉绵密&nbsp;,&nbsp;&nbsp;&nbsp;&nbsp;花蜜扮的甘甜百吃不厌</p>
				<p>
					<span style="font-size: 20px;color: #ff5757;">¥28.80</span>
					<span class="dt">¥40.40</span>
				</p>
				<img src="../img/g-shonps.png" />
			</li>
			<li style="background: url(../img/g-plum.png);">

				<p>新西兰佳沛黄金果奇异果</p>
				<p>果肉绵密&nbsp;,&nbsp;&nbsp;&nbsp;&nbsp;花蜜扮的甘甜百吃不厌</p>
				<p>
					<span style="font-size: 20px;color: #ff5757;">¥28.80</span>&nbsp;
					<span style="text-decoration: line-through; font-size: 15px;">¥40.40</span>
				</p>
				<img src="../img/g-shonps.png" />
			</li>
			<li style="background: url(../img/g-peachyellow.png);">

				<p>新西兰佳沛黄金果奇异果</p>
				<p>果肉绵密&nbsp;,&nbsp;&nbsp;&nbsp;&nbsp;花蜜扮的甘甜百吃不厌</p>
				<p>
					<span style="font-size: 20px;color: #ff5757;">¥28.80</span>&nbsp;
					<span class="dt">¥40.40</span>
				</p>
				<img src="../img/g-shonps.png" />
				</p>
			</li>
			<li style="margin-right: 0; background: url(../img/g-reds.png);">

				<p>新西兰佳沛黄金果奇异果</p>
				<p>果肉绵密&nbsp;,&nbsp;&nbsp;&nbsp;&nbsp;花蜜扮的甘甜百吃不厌</p>
				<p>
					<span style="font-size: 20px;color: #ff5757;">¥28.80</span>&nbsp;
					<span class="dt">¥40.40</span>
				</p>
				<img src="../img/g-shonps.png" />
			</li>
		</ul>

		<ul class="clearfix  fenye">
			<li><img src="../img/whitelefttrigle.png" alt=""></li>
			<li>1</li>
			<li>2</li>
			<li>3</li>
			<li>4</li>
			<li>···</li>
			<li>10</li>
			<li><img src="../img/whiterighttrigle.png" alt=""></li>
			<li><input type="text"></li>
			<li>/10</li>
			<li>跳转</li>
		</ul>
	</body>

</html>